import React from 'react'
import PropTypes from 'prop-types'

// 切换tab 组件
class ChangeTab extends React.Component {
    // 切换tab控件（按照时间、热度排序）
   state = {
     menuNum: 1
   }
   clickSortHandler = (num) => {
     this.setState({
       menuNum: num
     })
     
   }
   render(){
     return (
       <ul className="sort-container">
         <li className={this.state.menuNum === 1 ? 'on' : ''} onClick={()=> this.clickSortHandler(1)}>按热度排序</li>
         <li className={this.state.menuNum === 2 ? 'on' : ''} onClick={()=> this.clickSortHandler(2)}>按时间排序</li>
       </ul>
     )
   }
 }
 export default ChangeTab